<div class="modal-header">
  <button type="button" data-dismiss="modal" aria-label="Close" class="close" (click)="bsModalRef.hide()">
    <span class="text-danger" aria-hidden="true">X</span>
  </button>
  <h4 class="modal-title text-center" id="exampleModalLabel">+Add Product</h4>
</div>
<div class="modal-body">
  <form [formGroup]="form" (ngSubmit)="onSubmit()">
    <div class="form-group">
      <label for="recipient-name" class="control-label">ASIN:</label>
      <input type="text" placeholder="Add Product by ASIN" class="form-control" id="recipient-name" formControlName="asin">
      <div *ngIf="form.get('asin').errors && form.get('asin').touched">
        <span class="text-center">ASIN Is Not NULL !</span>
      </div>
     <!--  <div *ngIf="form.get('asin').errors.msg || form.hasError('ASINError') && form.get('asin').touched">
        <p>
          ASIN format is incorrect !
        </p>
      </div> -->
    </div>
    <div class="form-group" id="tag-box">
      <label class="control-label">Suggest Tags:</label><br/>
      <span class="tag-span gray">Auto</span>
      <span class="tag-span primary">Hight Price</span>
      <span class="tag-span success">Art</span>
      <span class="tag-span danger">VIP</span>
      <span class="tag-span festival">Festival</span>
      <span class="tag-span temp">Temp Vacuum</span>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <i class="fa fa-plus-sign-alt"></i>
        Add Notify Rule:
        <app-condition-builder 
        (ConditionsItems)="getConditionsItems($event)"
        (ConditionsItemsOperator)="getConditionsItemsOperators($event)"
        (ConditionsItemsValues)="getConditionsItemsVal($event)"
        (ConditionsItemsComp)="getConditionsItemsCom($event)"
        ></app-condition-builder>
      </div>
    </div>
    <hr/>
    <div class="row">
      <button type="button" data-dismiss="modal" class="btn btn-danger pull-right" style="margin-right: 20px;" (click)="bsModalRef.hide()">Close</button>
      <button type="submit" class="btn btn-primary pull-right" style="margin-right: 20px;">Start Tracking</button>
    </div>
  </form>
</div>
